/* 基础样式设置 */
body {
    /* 设置页面主字体，依次回退为 Roboto 和系统无衬线字体 */
    font-family: "Google Sans Text", Roboto, sans-serif;

    /* 设置文字主颜色，使用 CSS 变量 */
    color: var(--text-main);

    /* 设置背景颜色，使用 CSS 变量 */
    background: var(--bg-main);

    /* 设置行高，提升可读性 */
    line-height: 1.5;
}

code, pre {
    /* 设置代码和预格式文本的字体为等宽字体，提高代码可读性 */
    font-family: "JetBrains Mono", monospace;
}

img {
    /* 图片最大宽度不超过其容器 */
    max-width: 100%;

    /* 自动按比例调整图片高度，避免拉伸变形 */
    height: auto;

    /* 将图片作为块级元素显示，防止底部出现空隙 */
    display: block;
}
